<style type="text/css">
  .sm-st {
    background: #fff;
    padding: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
  }

  .sm-st-icon {
    width: 60px;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    background: #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
    color: #fff;
  }

  .sm-st-info {
    font-size: 12px;
    padding-top: 2px;
  }

  .sm-st-info span {
    display: block;
    font-size: 24px;
    font-weight: 600;
  }

  .orange {
    background: #fa8564 !important;
  }

  .tar {
    background: #45cf95 !important;
  }

  .sm-st .green {
    background: #86ba41 !important;
  }

  .pink {
    background: #AC75F0 !important;
  }

  .yellow-b {
    background: #fdd752 !important;
  }

  .stat-elem {

    background-color: #fff;
    padding: 18px;
    border-radius: 40px;

  }

  .stat-info {
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    margin-top: -5px;
    padding: 8px;
    -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
    font-style: italic;
  }

  .stat-icon {
    text-align: center;
    margin-bottom: 5px;
  }

  .st-red {
    background-color: #F05050;
  }

  .st-green {
    background-color: #27C24C;
  }

  .st-violet {
    background-color: #7266ba;
  }

  .st-blue {
    background-color: #23b7e5;
  }

  .stats .stat-icon {
    color: #28bb9c;
    display: inline-block;
    font-size: 26px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
    float: left;
  }

  .stat {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
  }

  .stat .value {
    font-size: 20px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
  }

  .stat .name {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .stat.lg .value {
    font-size: 26px;
    line-height: 28px;
  }

  .stat.lg .name {
    font-size: 16px;
  }

  .stat-col .progress {
    height: 2px;
  }

  .stat-col .progress-bar {
    line-height: 2px;
    height: 2px;
  }

  .item {
    padding: 30px 0;
  }


  #statistics .panel {
    min-height: 150px;
  }

  #statistics .panel h5 {
    font-size: 13px;
  }
</style>
<div class="panel panel-default panel-intro">
  <div class="panel-body">
    <div id="myTabContent" class="tab-content">
      <div class="tab-pane fade active in" id="one">

        <div class="form-group">
          <label class="control-label col-xs-12 col-sm-2" style="width: 6%;height: 30;line-height: 30px">{:__('选择时间')}:</label>
          <div class="col-xs-12 col-sm-8" style="width: 10%">
            <select  id="c-searchtime" class="form-control selectpicker" name="searchtime" >
              <option value="0" >全部</option>
              <option value="1" >近一周</option>
              <option value="2" >近一月</option>
              <option value="3" >近一年</option>
            </select>
          </div>
          <input style="width: 10%" type="submit" class="btn btn-success btn-block searchall" value="搜索" />
        </div>
        <div class="row" style="margin-top:15px;" id="statistics">

          <div class="col-lg-12">
          </div>
          <div class="col-xs-6 col-md-3">
            <div class="panel bg-blue-gradient no-border">
              <div class="panel-body">
                <div class="panel-title">
                  <span class="label label-primary pull-right">{:__('实时')}</span>
                  <h5>{:__('智能组价统计')}</h5>
                </div>
                <div class="panel-content">
                  <div class="row">
                    <div class="col-md-12">
                      <h1 class="no-margins">{$totalsearchs}</h1>
                      <div class="font-bold"><i class="fa fa-magic"></i>
                        <small>{:__('智能组价使用次数统计')}</small>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="tab-pane fade" id="two">
        <div class="row">
          <div class="col-xs-12">
            {:__('Custom zone')}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
